<!DOCTYPE html>
<html lang="zh_CN" class="h100">

<head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=EmulateIE10" />
    <meta name="renderder" content="webkit" />
    <meta content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" name="viewport" />
    <title>安徽省社会消费品零售总额预测系统</title>
    <link rel="shortcut icon" href="../../public/images/pm.ico" />
    <link rel="bookmark" href="../../public/images/pm.ico" type="image/x-icon" 　 />
    <link rel="stylesheet" type="text/css" href="../../public/css/bootstrap.min.css" />
    <link rel="stylesheet" type="text/css" href="../../public/css/font-awesome.min.css" />
    <link rel="stylesheet" type="text/css" href="../../public/css/base.css" />
    <link rel="stylesheet" type="text/css" href="../../public/css/layout.css" />
    <link rel="stylesheet" type="text/css" href="../../public/js/layui/css/layui.css" />
    <link rel="stylesheet" type="text/css" href="../../public/css/main.css" />
</head>

<body class="h100">
    <div class="container-fluid">
        <div class="row entry-row">
            <div>
                <div class="data-entry-title">
                    <p><i class="title-ico"></i><span>数据导入</span></p>
                </div>
                <!-- <div class="select-content">
                    <label>数据尺度</label>
                    <select class="form-control select-monthly">
                      <option>月度</option>
                      <option>季度</option>
                    </select>
                    <label>数据类型</label>
                    <select class="form-control select-type">
							<option>分析数据</option>
						</select>
                    <label>时间</label>
                    <select class="form-control select-time">
							<option>2019年第一个季度</option>
							<option>2019年第一个季度</option>
						</select>
                    <button type="button" class="layui-btn layui-btn-primary search">查询</button>
                </div> -->
                <div class="">
                    <div class='tabs' id="tabs">
                        <ul class='horizontal'>
                            <li rel="tab-1" class="selectActive"><span>宏观</span></li>
                            <li rel="tab-2"><span>中观</span></li>
                            <li rel="tab-3"><span>微观</span></li>
                        </ul>
                        <div rel='tab-1' class="tab-table">
                            <div class="tab-table-btn">
                                <span class="bule add"><i class="add glyphicon glyphicon-plus"></i>添加</span>
                                <span class="yellow edit"><i class="edit glyphicon glyphicon-pencil"></i>编辑</span>
                                <span class="red delete"><i class="delete glyphicon glyphicon-trash"></i>删除</span>
                                <span class="red save" style="background:#03a9f4"><i class="save glyphicon glyphicon-floppy-save"></i>保存</span>
                            </div>
                            <div class="tab-table-content">
                                <table class="layui-table">
                                    <thead>
                                        <tr>
                                            <th>序号</th>
                                            <th>字段1</th>
                                            <th>字段2</th>
                                            <th>字段3</th>
                                            <th>字段4</th>
                                            <th>字段5</th>
                                            <th>字段6</th>
                                        </tr>
                                    </thead>
                                    <tbody id="table-content">
                                        <!-- <tr>
                                            <td><input type="checkbox" name="" title="发呆" class="td-checkbox"><span>贤心</span></td>
                                            <td>2019-6-6</td>
                                            <td>人生就像是一场修行</td>
                                            <td>人生就像是一场修行</td>
                                            <td>人生就像是一场修行</td>
                                            <td>人生就像是一场修行</td>
                                            <td>人生就像是一场修行</td>
                                        </tr>
                                        <tr>
                                            <td><input type="checkbox" name="" title="发呆" class="td-checkbox"><span>贤心</span></td>
                                            <td>2019-6-6</td>
                                            <td>人生就像是一场修行</td>
                                            <td>人生就像是一场修行</td>
                                            <td>人生就像是一场修行</td>
                                            <td>人生就像是一场修行</td>
                                            <td>人生就像是一场修行</td>
                                        </tr> -->
                                    </tbody>
                                </table>
                            </div>
                        </div>
                        <div rel='tab-2' class="tab-table">
                            <div class="tab-table-btn">
                                <span class="bule add"><i class="add glyphicon glyphicon-plus"></i>添加</span>
                                <span class="yellow edit"><i class="edit glyphicon glyphicon-pencil"></i>编辑</span>
                                <span class="red delete"><i class="delete glyphicon glyphicon-trash"></i>删除</span>
                            </div>
                            <div class="tab-table-content">
                                <table class="layui-table">

                                    <thead>
                                        <tr>
                                            <th>序号</th>
                                            <th>字段1</th>
                                            <th>字段2</th>
                                            <th>字段3</th>
                                            <th>字段4</th>
                                            <th>字段5</th>
                                            <th>字段6</th>
                                        </tr>
                                    </thead>
                                    <tbody>
                                        <tr>
                                            <td><input type="checkbox" name="" title="发呆" class="td-checkbox"><span>3</span></td>
                                            <td>2019-6-6</td>
                                            <td>人生就像是一场修行</td>
                                            <td>人生就像是一场修行</td>
                                            <td>人生就像是一场修行</td>
                                            <td>人生就像是一场修行</td>
                                            <td>人生就像是一场修行</td>
                                        </tr>
                                        <tr>
                                            <td><input type="checkbox" name="" title="发呆" class="td-checkbox"><span>4</span></td>
                                            <td>2019-6-6</td>
                                            <td>人生就像是一场修行</td>
                                            <td>人生就像是一场修行</td>
                                            <td>人生就像是一场修行</td>
                                            <td>人生就像是一场修行</td>
                                            <td>人生就像是一场修行</td>
                                        </tr>
                                    </tbody>
                                </table>
                            </div>
                        </div>
                        <div rel='tab-3' class="tab-table" s>
                            <div class="tab-table-btn">
                                <span class="bule add"><i class="add glyphicon glyphicon-plus"></i>添加</span>
                                <span class="yellow edit"><i class="edit glyphicon glyphicon-pencil"></i>编辑</span>
                                <span class="red delete"><i class="delete glyphicon glyphicon-trash"></i>删除</span>
                            </div>
                            <div class="tab-table-content">
                                <table class="layui-table">

                                    <thead>
                                        <tr>
                                            <th>序号</th>
                                            <th>字段1</th>
                                            <th>字段2</th>
                                            <th>字段3</th>
                                            <th>字段4</th>
                                            <th>字段5</th>
                                            <th>字段6</th>
                                        </tr>
                                    </thead>
                                    <tbody>
                                        <tr>
                                            <td><input type="checkbox" name="" title="发呆" class="td-checkbox"><span>贤心</span></td>
                                            <td>2019-6-6</td>
                                            <td>人生就像是一场修行</td>
                                            <td>人生就像是一场修行</td>
                                            <td>人生就像是一场修行</td>
                                            <td>人生就像是一场修行</td>
                                            <td>人生就像是一场修行</td>
                                        </tr>
                                        <tr>
                                            <td><input type="checkbox" name="" title="发呆" class="td-checkbox"><span>贤心</span></td>
                                            <td>2019-6-6</td>
                                            <td>人生就像是一场修行</td>
                                            <td>人生就像是一场修行</td>
                                            <td>人生就像是一场修行</td>
                                            <td>人生就像是一场修行</td>
                                            <td>人生就像是一场修行</td>
                                        </tr>
                                    </tbody>
                                </table>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- 增加弹框 -->
    <div class="add-dialog dn" id="add-dialog">
        <div class="dialog-content">
            <form class="layui-form" action="">
                <div class="layui-form-item">
                    <label class="layui-form-label">字段1</label>
                    <div class="layui-input-block">
                        <input type="text" name="title" required lay-verify="required" autocomplete="off" class="layui-input">
                    </div>
                </div>
                <div class="layui-form-item">
                    <label class="layui-form-label">字段1</label>
                    <div class="layui-input-block">
                        <input type="text" name="title" required lay-verify="required" autocomplete="off" class="layui-input">
                    </div>
                </div>
                <div class="layui-form-item">
                    <label class="layui-form-label">字段2</label>
                    <div class="layui-input-block">
                        <input type="text" name="title" required lay-verify="required" autocomplete="off" class="layui-input">
                    </div>
                </div>
                <div class="layui-form-item">
                    <label class="layui-form-label">字段2</label>
                    <div class="layui-input-block">
                        <input type="text" name="title" required lay-verify="required" autocomplete="off" class="layui-input">
                    </div>
                </div>
                <div class="layui-form-item">
                    <div class="layui-input-block">
                        <button class="layui-btn" lay-submit lay-filter="formDemo">确定</button>
                        <button type="reset" class="layui-btn layui-btn-primary closebtn">取消</button>
                    </div>
                </div>
            </form>
        </div>
    </div>
    <script id="demo" type="text/html">
        <ul>
            {{# layui.each(d, function(index, item){ }}
            <tr>
                <td><input type="checkbox" name="id" class="td-checkbox"><span>{{ item.name }}</span></td>
                <td>{{ item.content1 }}</td>
                <td>{{ item.content2 }}</td>
                <td>{{ item.content3 }}</td>
                <td>{{ item.content4 }}</td>
                <td>{{ item.content5 }}</td>
                <td>{{ item.content6 }}</td>
            </tr>
            {{# }); }}
        </ul>
    </script>
    <script type="text/javascript" src="../../public/js/echarts.js"></script>
    <script type="text/javascript" src="../../public/js/jquery-1.9.1.js"></script>
    <script type="text/javascript" src="../../public/js/layui/layui.js"></script>
    <script type="text/javascript" src="../../public/js/tabs.js"></script>
    <!-- <script type="text/javascript" src="../../public/js/main.js"></script> -->
    <script type="text/javascript">
        $(function() {
            tabs_takes.init("tabs");
            $(".add").click(function() {
                layui.use('layer', function() {
                    var layer = layui.layer;
                    layer.open({
                        type: 1,
                        title: '标题',
                        area: ['500px', '350px'],
                        shade: false,
                        content: $("#add-dialog")
                    });
                });
            })
            $(".closebtn").click(function() {
                layer.closeAll();
            })
            layui.use('laytpl', function() {
                var laytpl = layui.laytpl;
                //模板渲染
                var data = [ //数据
                    {
                        "name": "详细",
                        "content1": "layer",
                        "content2": "layer.layui.com",
                        "content3": "layer",
                        "content4": "layer.layui.com",
                        "content5": "layer",
                        "content6": "layer.layui.com"
                    }, {
                        "name": "详细2",
                        "content1": "layer",
                        "content2": "layer.layui.com",
                        "content3": "layer",
                        "content4": "layer.layui.com",
                        "content5": "layer",
                        "content6": "layer.layui.com"
                    },
                ]
                var getTpl = demo.innerHTML,
                    view = document.getElementById('table-content');
                laytpl(getTpl).render(data, function(html) {
                    view.innerHTML = html;
                })
            })
        })
    </script>
</body>

</html>